<template>
  <div class="app">
    <h1>app</h1>
    <input
      type="text"
      v-model="msg"
    />
    <!-- {{ msg }} -->
    <!-- <Child
      :msg="msg"
      @update="getson"
    ></Child> -->
    <!-- v-bind: 绑定传递的值 v-on:input 监听函数 -->
    <!-- <Child
      :msg="msg"
      @update:msg="(data) => (msg = data)"
    ></Child> -->

    <Child v-model:msg="msg"></Child>
  </div>
</template>
<script setup>
import Child from './Child.vue';
import { ref } from 'vue';
const msg = ref('父组件的数据');
// const getson = (data) => {
//   // console.log(data);
//   msg.value = data;
// };
</script>
<style lang="scss" scoped></style>
